.nav-buttons {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}

.tabs-box {
  display: flex;
  flex-direction: column-reverse;
  height: 100vh;

  .taroify-tabs {
    height: 100%;
  }

  .taroify-tabs__content {
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-y: scroll;
  }

  .h5-span{
    font-size: 22rpx !important;
  }
}

.out_login_page {
  color: blue;
  text-align: center;

  .out_login_btn {
    width: 300rpx;
    margin: auto;
    text-align: center;
    margin-top: 100px;
    color: #fff;
  }

  div {
    display: block;
    width: 300rpx;
    margin: auto;
    text-align: center;
    margin-top: 100px;
    color: #000;
  }

  .avatar-wrapper {
    width: 100rpx;
    height: 100rpx;
    overflow: hidden;
    border-radius: 100%;
    padding: 0;
    margin-top: 300rpx;

    image {
      width: 100rpx;
      height: 100rpx;
    }
  }
}

.page_route_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;

  >div {
    width: 100%;
    height: 100rpx;
    line-height: 100rpx;
    cursor: pointer;
    text-align: center;
  }
}